<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>rem的使用(媒体查询)</title>
	<style>
		/*html{
			font-size: 25px;
		}*/

		@media (width:320px ) {
			html{
				font-size: 32px;				/*设置字号为宽度的10分之一*/
			}
		}
		@media (width: 375.2px) {		/*375不行，得375.2才能显示，因为电脑的缩放125%，改为100%，即可375*/
			html{
				font-size: 37.5px;			/*1rem * 根字号 = 实际px*/
			}
		}
		div{
			width: 5rem;
			height: 5rem;
			background: #00FFFF;
		}
	</style>
</head>
<body>
	<div>
		
	</div>
	<script type="text/javascript" src="js/flexible.js">
		
	</script>
</body>
</html>